<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>浮动：环绕效果</title>
		<style>
			img{
				float: left;
				/* 文字图片加间距 */
				margin: 30px;
				
			}
			p{
				font-size: 16px;
				line-height: 20px;
			}
		</style>
	</head>
	<body>
		<img src="img/小新.png" width="200px" height="200px" alt="小新"/>
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maxime magnam, at deserunt, a debitis sequi eligendi laboriosam vero doloribus quae aliquam dicta delectus architecto incidunt voluptatem? Assumenda cupiditate numquam vitae.
		Lorem ipsum dolor sit amet consectetur adipisicing elit. Reiciendis ipsam harum atque repellat, maiores accusamus dolores provident quam id laboriosam, fugit, sequi maxime. Amet expedita dolor perferendis quibusdam, laudantium a!
		Lorem ipsum dolor sit amet consectetur adipisicing elit. Suscipit veritatis, reiciendis optio blanditiis voluptates totam accusamus velit, aperiam sed ab non aliquam quod nam earum. Fugit est fugiat possimus vitae.
		</vel></p>
	</body>
</html>